﻿

/* global */
html { overflow-y: scroll; }
body { font: 14px/1.6 Arial, "Microsoft Yahei", sans-serif; max-width: 1920px; margin: 0 auto; color: #666666; }
a { text-decoration: none; }
strong, b { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
* { box-sizing: border-box;margin: 0; padding: 0; list-style-type: none;  }
ol, ul { list-style: none; }
.w_1200{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}

/*头部样式 start */
header { position: relative; }
.top_tip{ width:275px; height:40px; float:right; line-height:40px;}
.top_tip span{ float:left;}
.inp { width: 100px; padding-left: 10px; height: 22px; line-height: 22px; border: 1px solid #cccccc; margin-top:8px; border-radius: 5px; color: #858585;margin-left: 8px; float:left; }
#inner-header { width: 1200px; margin: 0 auto;position: relative; z-index: 10; height: 100px; }
#logo { float: left; padding: 35px 10px 44px 0; width: 425px; height: 100px;}
#logo img { display: block }
#header-content { float:right; background-color: #fff;height: 60px; color: #ffffff; }
#header-content nav { float: left;font-size: 14px; }
.en #header-content nav { margin-top: 55px; }
#header-content nav ul li { float: left; position: relative; }
.en #header-content nav ul li { }
#header-content nav ul li a { font-size: 15px; color: #464646; display: block; border-width: 3px; border-style: solid; border-color: #fff; padding: 14px 25px; -moz-transition: border-color 0.2s linear; -webkit-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }
.en #header-content nav ul li a { text-transform: uppercase; }
#header-content nav ul li:hover a { border-color: #036add; color:#036add; }
#header-content nav ul.sub-menu { display: none; position: absolute; left: 0; background-color: #036add; width: 100%; z-index: 100; }
.en #header-content nav ul.sub-menu { width: auto; min-width: 100%; }
#header-content nav ul.sub-menu li { float: none; position: relative; z-index: 100; }
#header-content nav ul.sub-menu li a { color: #fff; transition: none; position: relative; padding: 10px 7px; text-align: center; }
#header-content nav ul.sub-menu li a:hover:after { content: ''; position: absolute; bottom: 3px; left: 5%; width: 90%; height: 2px; background-color: #fff; }
#header-content nav ul li:hover ul.sub-menu { display: block; }

/*焦点图*/
.focus { position: relative; height: 500px; overflow: hidden; }
.focus li { width: 100%; height: 500px; }
.focus li a { width: 100%; height: 100%; display: inline-block; }
.focus .flex-control-nav { height: 10px; position: absolute; bottom: 15px; left: 47%; }
.focus .flex-control-nav li { width: 12px; height: 12px; margin: 0 4px; float: left; }
.focus .flex-control-nav a { width: 12px; height: 12px; display: block; background: #CCC; text-indent: -9999px; border-radius: 50%; }
.focus .flex-control-nav a.flex-active { background: #036add; }
/*首页-con1*/
.thanks { background: url(../images/bg1.gif) center top no-repeat; height: 188px; margin-bottom: 26px; margin-top: 25px; }
.th_tit { text-align: center; font-size: 22px; height: 48px; line-height: 48px; }
.th_tit a { color: #fff; }
.th_con { margin: 40px 12px 10px 12px; height: 110px; position: relative; }
.t_lt { background: url(../images/s_lt.gif) no-repeat; width: 30px; height: 41px; position: absolute; left: 0px; }
.t_rt { background: url(../images/s_rt.gif) no-repeat; width: 30px; height: 41px; position: absolute; right: 0px; }
.th_con .t_lt, .th_con .t_rt { top: 10px; }
.th_wrp { width: 1100px; margin: 0 auto; }
.th_wrp li { float: left; display: inline; margin: 0 10px; width: 162px; }
.th_wrp img { width: 140px; height: 60px; border: 1px solid #ccc; }
.th_wrp span { display: block; text-align: center; color: #444; margin-top: 5px; }
/*首页-con2*/
.con_pro { height: 267px; background: url(../images/con_pro.jpg) no-repeat; float: left; width: 100%; }
.m2_p1 { float: left; color: white; padding: 8px 80px 0 20px; font-weight: bold; font-size: 18px; }
.hdm01 h3 { height: 40px; padding-top: 15px; padding-left: 180px; }
.hdm01 h3 a { font-size: 16px; font-weight: normal; background: url("../images/h3a.jpg") no-repeat left center; line-height: 35px; display: block; float: left; color: #2E2E2E; padding: 0 50px 0 20px; text-decoration: none; }
.hdm01 h3 a:hover { text-decoration: none; }
.hdm01 h3 a.current { color: #036add; position: relative; }
.content { padding: 15px 0; height: 180px; margin-top:10px;}
.content li { float: left; width: 235px; height: 185px; margin: 0 32px; }
.content li h1 { line-height: 20px; text-align: center; color: #464646; font-weight: normal; padding-top: 10px; font-size: 14px; }
.content li img { width: 233px; height: 153px; border: solid 1px #dadada; }
.content li:hover img { border: solid 1px #036add; }
/*首页-con3*/
.con3{ width:100%; height:785px;  margin-top:20px; background:url(../images/con3_bg.jpg) center top;}
.con3_txt{ width:480px; float:right; margin-top:280px;}
.con3_txt div{ width:335px; height:105px; float:left; margin-bottom:45px; overflow:hidden;}
.con3_txt div h1{ font-size:18px; color:#036add; font-weight:normal; text-indent:1em;}
.con3_txt div p{ font-size:14px; color:#5b5b5b; line-height:24px;}
/*首页-con4*/
.con4 { width: 1200px; height: 445px; margin: 0 auto; margin-bottom: 30px; margin-top: 35px; }
.con4 .aus { width: 838px; height: 445px; float: left; }
.con4 .aus .a { width: 839px; height: 93px; background: #0062c7; }
.con4 .aus .a .atit { width: 242px; height: 92px; background: url(../images/aboutus.png); margin-left: 14px; float: left; }
.con4 .aus .a .amore a { width: 73px; color: #FFF; height: 29px; border: solid 1px #fff; float: right; margin: 30px 24px 0 0; color: #fff; line-height: 29px; text-align: center; font-size: 15px; font-family: 微软雅黑, 黑体; cursor: pointer; }
.con4 .aus .a .amore a:hover { border: 1px #FFF solid; background: #FFF; color: #0062c7; }
.con4 .aus .usimg { width: 838px; height: 362px; background: url(../images/abus.jpg) no-repeat; position: absolute; }
.con4 .aus .usimg .usdes { height: 85px; padding: 10px 20px; position: absolute; bottom: 10px; z-index: 1000; color: #fff;  background: #000; font-size: 14px; line-height: 24px; filter: alpha(Opacity=80); -moz-opacity: 0.5; opacity: 0.8; overflow:hidden; }
.con4 .cus { width: 362px; height: 445px; float: left; }
.con4 .cus .c { width: 362px; height: 93px; background: #1689ff; }
.ctit { width: 242px; height: 92px; background: url(../images/cus.png) no-repeat 17px 28px #1689ff; background-size: 220px; float: left; }
.cmore a { width: 73px; color: #FFF; height: 29px; border: solid 1px #fff; float: right; margin: 30px 24px 0 0; color: #fff; line-height: 29px; text-align: center; font-size: 15px; font-family: 微软雅黑, 黑体; cursor: pointer; }
.cmore a:hover { border: 1px #FFF solid; background: #FFF; color: #0062c7; }
.con4 .cus .contentus { width: 362px; height: 352px; background: #0062c7; }
.con4 .cus .contentus .tus {border-bottom: solid 1px #1689ff; color: #fffeff; margin: 0 auto; font-size: 14px; padding-left: 60px; }
.con4 .cus .contentus .dizhi { background: url(../images/ic_1.png) no-repeat 19px 25px; height: 76px; line-height: 76px; }
.con4 .cus .contentus .tel { background: url(../images/ic_2.png) no-repeat 16px 25px; height: 76px; line-height: 76px; }
.con4 .cus .contentus .chuanz { background: url(../images/ic_3.png) no-repeat 16px 25px; height: 76px; line-height: 76px; }
.con4 .cus .contentus .youj { background: url(../images/ic_4.png) no-repeat 16px 25px; height: 76px; line-height: 76px; }
/*首页-con5*/
.con5 { background-color: #eff1f2; width: 100%; height: auto; font-family: "微软雅黑"; }
.con5_1 { box-shadow: 0px 0px 3px rgba(0,0,0,0.1); width: 377px; height: 430px; margin: 35px 0; float: left; background-color: #fff; margin-left: 3px; margin-right: 30px; margin-bottom: 30px; }
.con_box { margin: 20px; width: 333px; height: auto; overflow: hidden; }
.con_tit2 { width: 100%; height: 26px; border-bottom: solid 1px #cecece; color: #a8a8a8; font-size: 14px; line-height: 20px; margin-bottom: 18px; }
.con_tit2 span {color:#036add; font-size: 16px; display: block; height: 26px; width: 70px; border-bottom: solid 1px #036add; float: left; }
.con_tit2 a { float: right; font-size: 12px; color: #898989; }
.con_box img { width: 333px; height: 143px; padding-bottom: 10px; }
.con_box p { font-size: 14px; color: #595959; line-height: 28px;}
.con_box ul li { float: left; width: 100%; background: url(../images/dian.jpg) no-repeat left center; height:28px;line-height: 28px;}
.con_box ul li p{  height:28px; font-size: 14px; padding-left: 8px; color: #595959; width:75%; overflow:hidden; float:left;}
.con_box ul li a:hover p { color: #036add; }
.con_box ul li span { float: right; font-size: 12px; }
.con_box dl { border-bottom: #e2e2e2 1px solid; padding: 0 0 18px 0; margin-bottom: 25px; }
.con_box dt { padding-bottom: 10px; line-height: 18px; padding-left: 32px; padding-right: 0px; background: url(../images/wd_w.gif) no-repeat 0px 2px; overflow: hidden; padding-top: 0px; }
.con_box dt a { color: #464646; font-size: 14px; }
.con_box dt a:hover { color: #036add; }
.con_box dd { line-height: 24px; padding-left: 32px; background: url(../images/wd_d.gif) no-repeat 0px 5px; color: #666; max-height: 80px; overflow: hidden; }
.con_box dd p { color: #7c7c7c; font-size: 12px; line-height: 24px; }
.con_box .link a { padding: 0 10px 0 0; }
/*footer*/
.footer{ width:100%; height:195px; background:url(../images/fot_bg.jpg) repeat-x; font-size:14px;}
.footer .link{ width:100%; line-height:50px; text-align:center; font-size:14px; color:#fff; padding-bottom:15px;}
.footer .link a{ color:#fff; padding:0 8px;}
.footer p{text-align:center; line-height:30px; color:#fff;}
.footer img{ position:absolute; right:0; bottom:30px;}
/*内页-样式*/
.incon{ margin-top:30px; padding-bottom:30px;}
.in_L{ width:240px; height:auto; overflow:hidden; padding:15px 10px; background:#eeeeee; float:left;}
.in_Ltit{ width:100%; height:47px; line-height:47px; color:#036add; font-size:16px; background:url(../images/in_Ltit.jpg) no-repeat;}
.in_Ltit b{ padding-left:17px;}
.in_Lnav{ width:100%; height:auto; overflow:hidden; background:#fff;}
.in_Lnav li{ width:100%; background:url(../images/in_Lli.jpg) no-repeat 15px center; height:40px; line-height:40px;}
.in_Lnav li a{ padding-left:30px; color:#272727;}
.in_Lnav li a:hover{ color:#036add;}
.in_Lconta{ margin-top:15px; background:#fff; padding-bottom:10px;}
.in_Lconta p{ font-size:14px; color:#272727; line-height:30px; padding:0 10px;}
.in_R{ width:930px; float:right;}
.in_Rtit{ width:100%; height:30px; border-bottom:solid 1px #e3e3e3; line-height:30px; color:#727070; font-size:14px; margin-bottom:13px;}
.in_Rtit a{ color:#727070; padding: 0 5px;}
.page{text-align:center;line-height:24px;color:#666; height:auto; overflow:hidden; float:left; width:100%; margin-top:30px;}
.page a{display:inline-block;height:24px;padding:0 10px;margin:0 2px;color:#666;background:#fff; border:solid 1px #CCC}
.page a:hover, .page .cur{color:#fff;background:#036add;}

/*内页-关于昊利达*/
.in_ab{ font-size:14px; color:#4d4d4d; line-height:30px; text-align:justify;}
/*内页-产品中心*/
.in_prolist{ width:100%; height:auto; overflow:hidden; background:#eeeeee; padding-bottom:20px;}
.in_prolist li{ margin:15px 0 0 15px; width:214px; line-height:30px; text-align:center; color:#444444; float:left;}
.in_prolist li a{ display:block; width:214px; height:135px; overflow:hidden;}
.in_prolist li img{ width:214px;}
.xn_c_3_wrap{color:#aaaaaa; font-size:14px; margin-top:10px;}
.xn_c_3_wrap a{margin-top: -18px;}
.xn_c_3_wrap div{margin-left: 56px; margin-top:-25px;}
